<!DOCTYPE html> 
<html lang="en"> 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- hello world -->
    <div id="top">页面顶部区域</div>
    <h2 align="right">天气好</h2>
    <hr>
    <p>“民之所忧，我必念之；<i>民之所盼，我必行之。</i>” <del>党的十八大以来，每到春节前夕，</del><br>习近平总书记总会深入基层，<label>走到群众中间，拉家常、问冷暖、听民声。</label>这份不变的牵挂，温暖人心。</p>
    <img src="https://imagepphcloud.thepaper.cn/pph/image/177/719/728.jpg" alt="加载失败" height="720" width="1080" title="这是一张图片">
    <p>“民之所忧，我必念之；&lt;民之所盼，&gt;我必行之。”<b>党的十八大以来，&nbsp;每到春节前夕</b>，<span>习近平总书记总会深入基层，&copy;走到群众中间，</span>拉家常、问冷暖、听民声。这份不变的牵挂，&yen;温暖人心。</p>
    <div align="center">页面结构的划分和结合</div>
    <div id="main">页面主体区域</div>
    <img src="URL" alt="路径错误">
    <!-- 1.基本的链接功能 -->
    <a href="https://imagepphcloud.thepaper.cn/pph/image/177/719/728.jpg" target="_blank">123</a><br>
    <!-- 2.页面内链接功能 -->
    <a href="#bottom" id="top">低部</a>
    <div style="height: 9000px;"></div>
    <a href="#top" id="bottom">顶部</a>
    <!-- 3.图片的链接功能 -->
    <a href="https://www.baidu.com"><img src="https://imagepphcloud.thepaper.cn/pph/image/177/719/728.jpg" alt=""></a>
    <div id="bottom">页面底部区域</div>
</body>